<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>订单</title>
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="main">
    <div class="header" >
        <div class="col-xs-5"></div>
        <div class="zoom iconfont icon-search"></div>
        <h1>填写订单</h1>
    </div>
    <!--倒计时-->
    <div class="count-down" style="text-align:center;">
        <div class="time">
            <img src="../static/aaaa.png" alt="">
        </div>
    </div>
    <!-- 秒杀主体区 -->
    <form action="/ali/pay" method="post">
        <tb>
            <li style="text-align:center;">
                <br>
                <div class="form-group">
                    <label class="col-sm-10 control-label">商品图片</label>
                    <div class="col-sm-10">
                        <img src="" id="img" width="100px" height="100px">
                        <input type="hidden" id="shopId">
                    </div>
                </div>
            </li>
            <li style="text-align:center;">
                <br>
                <div class="form-group">
                    <label class="col-sm-10 control-label">商品名称</label>
                    <div class="col-sm-10">
                        <span id="s1" name="shopName"></span>
                    </div>
                </div>
            </li>
            <li style="text-align:center;">
                <br>
                <div class="form-group">
                    <label class="col-sm-10 control-label">活动价格</label>
                    <div class="col-sm-10">
                        <span id="s2" name="seckillPrice"></span>
                    </div>
                </div>
            </li>
            <li class="active" style="text-align:center;">
                <div class="count-down" style="text-align:center;">
                    <div class="time">
                        <img src="../static/a.png" alt="">
                    </div>
                </div>
            </li>
            <li style="text-align:center;">
                <div class="form-group">
                    <div class="col-sm-10">
                        <input type="submit" th:value="提交订单">
                    </div>
                </div>
            </li>
        </tb>
    </form>
</div>
</body>
</html>
<script>
    var id = [[${param.id}]]
    $.post(
        "/sec/findBySeckillByMid",
        {"id":id},
        function (obj) {
            console.log(obj);
            $("#s1").text(obj.shopName);
            $("#s2").text(obj.seckillPrice);
            $("#img").prop("src",obj.shopImgUrl);
            $("#shopId").val(obj.shopId);
        }
    )



    function tj() {
        location="/ali/pay";
    }
</script>
